<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<div class="table-responsive">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th class="text-center"><div class="table-first-id">ID</div></th>
            <th class="text-center" width="12%">学员名</th>
            <th class="text-center" width="13%">手机/邮箱/登录名</th>
            <th class="text-center" width="15%">加入时间</th>
            <th class="text-center" width="10%">登录次数</th>
            <th class="text-center" width="10%">签到次数</th>
            <th class="text-center" width="15%">累计学习时长(分)</th>
            <th class="text-center" width="10%">状态</th>
            <th class="text-center" width="10%">操作</th>
        </tr>
        </thead>
    </table>

    <div class="J_V_tabContent table-xScrollWrap">
        <table class="table table-bordered table-hover table-xs-content">
            <tbody id="tbodyClasses">
            <tr class="jqgfirstrow" role="row">
                <td class="text-center"><div class="table-first-id">&nbsp;</div></td>
                <td class="text-center" width="12%">&nbsp;</td>
                <td class="text-center" width="13%">&nbsp;</td>
                <td class="text-center" width="15%">&nbsp;</td>
                <td class="text-center" width="10%">&nbsp;</td>
                <td class="text-center" width="10%">&nbsp;</td>
                <td class="text-center" width="15%">&nbsp;</td>
                <td class="text-center" width="10%">&nbsp;</td>
                <td class="text-center" width="10%">&nbsp;</td>
            </tr>

            <tr th:if="${#maps.isEmpty(dataMap)} or ${#lists.isEmpty(dataMap['list'])}">
                <td colspan="9" class="text-center">
                    <div class="noDataTipsBox">
                        <p><span class="c-4e fs16">还没有班级成员~~~</span></p>
                    </div>
                </td>
            </tr>

            <tr th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="member : ${dataMap['list']}" th:attr="data-id=${member['id']}">
                <td class="text-center">
                    <input type="checkbox" class="i-checks" name="id" th:value="${member['id']}" th:attr="data-id=${member['member']['id']}"/>
                </td>
                <td class="text-center" th:text="${#strings.isEmpty(member['member']['realName'])} ? ${member['member']['nickname']} : ${member['member']['realName']}"></td>
                <td class="text-center">
                    <span th:text="${#strings.concat(member['member']['mobile'])}"></span><br>
                    <span th:text="${#strings.concat(member['member']['email'])}"></span><br>
                    <span th:text="${#strings.concat(member['member']['loginAccount'])}"></span>
                </td>
                <td class="text-center" th:text="${#strings.substring(member['createTime'],0,16)}"></td>
                <td class="text-center" th:text="${member['member']['loginNum']}"></td>
                <td class="text-center" th:text="${member['member']['signNum']}"></td>
                <td class="text-center" th:text="${member['member']['studyTotalTime']}==0 ? ${member['member']['studyTotalTime']} : ${member['member']['studyTotalTime']/60}"></td>
                <td class="text-center" data-status>
                    <span th:if="${member['status'] == 0}" class="label label-default">申请中</span>
                    <span th:if="${member['status'] == 1}" class="label label-info">正常</span>
                    <span th:if="${member['status'] == 2}" class="label label-danger">封禁</span>
                    <span th:if="${member['status'] == 3}" class="label label-default">驳回</span>
                </td>
                <td class="text-center">
                    <a href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="查看"><i class="fa fa-eye fa-eye-on"></i></a>
                    <a th:attr="data-user=${member['memberId']}" href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="通知"><i class="fa fa-bell"></i></a>
                    <a th:if="${member['status'] == 0}" href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="通过"><i class="fa fa-check-circle-o"></i></a>
                    <a th:if="${member['status'] == 1}" href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="封禁"><i class="fa fa-ban"></i></a>
                    <a th:if="${member['status'] == 2}" href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="恢复"><i class="fa fa-history"></i></a>
                    <!--学员管理员/撤职功能目前在项目中体现不到,暂时注销,勿删
                    <a th:if="${member['identity'] == 1}" href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="管理员"><i class="fa fa-arrow-up"></i></a>
                    <a th:if="${member['identity'] == 2}"href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="撤职"><i class="fa fa-arrow-down"></i></a>-->
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>

